<script setup lang="ts">
import Mdx from '@/components/Mdx';
import codemirrorView from './components/codemirrorView.vue';
// import mirrorTextArea from './components/mirrorTextArea.vue';
</script>

<template>
    <!-- Nav -->
    <div style="display: flex;max-width: 1280px;padding-right:2rem;padding-left: 2rem;">
      
      <Mdx :name="'New-king'"/>
      
      <!-- <div style="position:sticky;top:30px;margin-top:7px;flex:1;height: 90vh;"> -->
      <div style="position:relative;top:30px;margin-top:65px;flex:1;height: 90vh;">
        <codemirrorView />
        <!-- <mirrorTextArea style="height: 100%;width:450px"/> -->
      </div>

     </div>
</template>